若依框架接入前端报错401 请求访问：/error，认证失败，无法访问系统资源，有可能是这个原因

最新推荐文章于 2025-06-19 09:38:23 发布

原创最新推荐文章于 2025-06-19 09:38:23 发布 · 3.2w 阅读

22 ·

CC 4.0 BY-SA版权

Java springboot 同时被 2 个专栏收录

4 篇文章

订阅专栏

springboot

1 篇文章

订阅专栏

本文详细介绍了如何通过官方注解和全局配置实现Spring Boot应用的CORS跨域，包括单个方法、控制器和全局设置。重点讲述了遇到的token头冲突问题及解决方案，同时给出了Nginx跨域配置示例。

自定义的api、按照官方的配置跨域
一、三种方式配置跨域-官方代码
1、单个控制器方法CORS注解

@RestController
@RequestMapping("/system/test")
public class TestController {
    @CrossOrigin
    @GetMapping("/{id}")
    public AjaxResult getUser(@PathVariable Integer userId) {
        // ...
    }
	@DeleteMapping("/{userId}")
    public AjaxResult delete(@PathVariable Integer userId) {
        // ...
    }
}

2、整个控制器启用CORS注解

@CrossOrigin(origins = "http://ruoyi.vip", maxAge = 3600)
@RestController
@RequestMapping("/system/test")
public class TestController {
    @GetMapping("/{id}")
    public AjaxResult getUser(@PathVariable Integer userId) {
        // ...
    }
	@DeleteMapping("/{userId}")
    public AjaxResult delete(@PathVariable Integer userId) {
        // ...
    }
}

3、全局CORS配置（在ResourcesConfig重写addCorsMappings方法）

/**
 * web跨域访问配置
 */
@Override
public void addCorsMappings(CorsRegistry registry)
{
	// 设置允许跨域的路径
	registry.addMapping("/**")
			// 设置允许跨域请求的域名
			.allowedOrigins("*")
			// 是否允许证书
			.allowCredentials(true)
			// 设置允许的方法
			.allowedMethods("GET", "POST", "DELETE", "PUT")
			// 设置允许的header属性
			.allowedHeaders("*")
			// 跨域允许时间
			.maxAge(3600);
}

二、按照上面进行配置了还是不行，最后发现 application.yml 文件配置token的header 字段是 Authorization，而我的请求接口正好用了这个字段，所以系统就强制按照token 进行解析，最后就报错了
解决办法：
去掉前端请求头中携带的header 字段Authorization，改成别的字段即可如：access-Token,这样自定义进行验证即可
三、补充一下nginx 的配置

#nginx 配置跨域处理
location /api/{
     add_header 'Access-Control-Allow-Origin' '*';
     proxy_pass http://p1xj1.12natapp1.cc/api/;
}
#刷新vue 404的解决办法
location /{
     index index.html index.htm;
     try_files $uri $uri/ /index.html;
}